<%@ page session="false" %>
<%@ page language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <%@ include file="meta.jsp" %>
    <meta charset="utf-8" />
    <title>${projectName}会话超时</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <script>
        (function(win) {
            var docEl = document.documentElement;
            var metaEl = document.querySelector('meta[name="viewport"]');
            var fontEl = document.createElement('style'), dpr, scale, tid;
            if (metaEl) {
                var match = metaEl.getAttribute('content').match(
                        /initial\-scale=(["']?)([\d\.]+)\1?/);
                if (match) {
                    scale = parseFloat(match[2]);
                    dpr = 1 / scale;
                }
            }
            if (!dpr && !scale) {
                dpr = win.devicePixelRatio || 1;
                scale = 1 / dpr;
            }
            docEl.setAttribute('data-dpr', dpr);
            docEl.firstElementChild.appendChild(fontEl);
            if (!metaEl) {
                metaEl = document.createElement('meta');
                metaEl.setAttribute('name', 'viewport');
                var matches = navigator.userAgent
                        .match(/Android[\S\s]+AppleWebkit\/(\d{3})/i);
                var UCversion = navigator.userAgent.match(/U3\/((\d+|\.){5,})/i);

                if (!matches || matches && matches[1] > 534 || UCversion
                        && parseInt(UCversion[1].split('.').join(''), 10) >= 80) {
                    metaEl.setAttribute('content',
                            'width=device-width,user-scalable=no,initial-scale='
                            + scale + ',maximum-scale=' + scale
                            + ', minimum-scale=' + scale);
                    if (docEl.firstElementChild) {
                        docEl.firstElementChild.appendChild(metaEl);
                    } else {
                        var wrap = document.createElement('div');
                        wrap.appendChild(metaEl);
                        document.write(wrap.innerHTML);
                    }
                    if (docEl.clientWidth == 980 || docEl.clientWidth == 1024) {
                        metaEl
                                .setAttribute(
                                        'content',
                                        'target-densitydpi=device-dpi,width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1');
                    }
                } else {
                    metaEl
                            .setAttribute(
                                    'content',
                                    'width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1');
                    if (docEl.firstElementChild) {
                        docEl.firstElementChild.appendChild(metaEl);
                    } else {
                        var wrap2 = document.createElement('div');
                        wrap2.appendChild(metaEl);
                        document.write(wrap2.innerHTML);
                    }

                    dpr = 1;
                }
            }

            function setUnitA() {
                win.rem = 16 * dpr;
                fontEl.innerHTML = 'html{font-size:' + win.rem + 'px!important;}';
            }
            win.dpr = dpr;
            win.addEventListener('resize', function() {
                clearTimeout(tid);
                tid = setTimeout(setUnitA, 300);
            }, false);
            win.addEventListener('pageshow', function(e) {
                if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(setUnitA, 300);
                }
            }, false);
            setUnitA();
        })(window);
    </script>

    <link rel="stylesheet" type="text/css"
          href="https://a.alipayobjects.com/amui/rem/dpl/9.0.0.2/??amui.css,view/page-result-status.css,icon/page-result-busy.css"
          media="all">

</head>

<body>
<div class="am-page-result">
    <div class="am-page-result-wrap">
        <div class="am-page-result-pic am-icon" am-mode="am-page-busy"></div>
        <div class="am-page-result-title"
             style="font-family: PingFangSC-Regular; font-size: 1rem; text-align: center;">
            <p style="color: #000000;">登录过期</p>
            <p class="content">对不起，您的账号已登录超时，请进行如下操作：</p>
            <p style="color: #108ee9; margin-top: 1rem;cursor: pointer;"
               onclick="goLogin();">重新登录</p>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    function goLogin(){
        if(window!=top){
            top.location.href = basePath + "login";
        }else{
            window.location.href = basePath + "login";
        }
    }
</script>
</html>